#workspace {
  display: flex;
  .tool-bar {
    position: relative;
    width: 25rem;
    &--left-hide {
      width: 0rem;
    }
    &--right-hide {
      width: 0rem;
    }
    &__close-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 1rem;
      height: 4rem;
      background-color: var(--darkColor);
      color: #ffffff;
      cursor: pointer;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      &--left {
        right: -1rem;
        border-radius: 0rem 0.25rem 0.25rem 0rem;
        svg {
          transform: rotate(-90deg);
        }
        &-hide {
          svg {
            transform: rotate(90deg);
          }
        }
      }
      &--right {
        left: -1rem;
        border-radius: 0.25rem 0rem 0rem 0.25rem;
        svg {
          transform: rotate(90deg);
        }
        &-hide {
          svg {
            transform: rotate(-90deg);
          }
        }
      }
    }
  }
  #workspace-container {
    flex: 1;
    background-color: #424242;
    height: 100vh;
  }
}
